<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Theme Clock</title>
<style>
	body {
		background-image: url("../images/bg.png");
	}
	h1 {
		color: rgb(243, 5, 112);
		font-family: 华文行楷,serif;
		float: bottom;
	}
	.xx{
		position: fixed;
		bottom: 0;
		right: 10px;
	}
	.Welcome{
		color: rgba(0, 255, 178, 0.83);
		font-family: 隶书, serif;
		font-size: 55px;
		position: fixed;
		top: 0;
		left: 0;
	}
</style>
</head>
<body>

	<div>
		<p class="Welcome">欢迎使用水果仓储管理系统!</p>
	</div>

	<div class="clock-container">
		<div class="clock">
			<div class="needle hour"></div>
			<div class="needle minute"></div>
			<div class="needle second"></div>
			<div class="center-point"></div>
		</div>
		<div class="time"></div>
		<div class="date"></div>
		<div><button class="toggle">黑色</button></div>
	</div>

	<div>
		<h1 class="xx">古之成大事者，不唯有超世之才，亦唯有坚韧不拔之志也！</h1>
	</div>

	<script src="script.js"></script>
</body>
</html>
